@charset "utf-8";
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	.c30{ height:30px; clear:both;}
 .index-text { width:100%;text-align: center;}
 .index-text .font30 {font-size: 32px;line-height: 32px; font-weight:bold;}
 .index-text .font24 {font-size: 16px;}
 .index-text .en { padding: 0 0 0 0;
  font-family: 'raleway';
  text-transform: uppercase;
  color: #8f8f8f;
}
.clear{ clear:both;}

.product{padding: 55px 0;}
.product-body { padding-top:40px;}
.proContainer{ display:none;}
/*新产品*/
.titis h4 {text-align: center;height: 54px;line-height: 54px;font-size:40px;color: #333333;font-weight: bold;}
.titis h4 a {color: #1d63b9;}
.titis p {font-size:16px;color: #333333;height: 25px;line-height: 25px;}
.fenl{float:left;width:25%;}
.fenl .tit{height: 59px;line-height: 59px;text-align: center;background: #1d63b9;font-size:24px;color: #fff;font-weight: bold;border-radius: 7px 7px 0 0;}
.fl_nr {padding:16px 10px 0;height: 611px;background: #f6f6f6;border:1px solid #cbd2d4;border-width: 0 1px}
.fl_nr li span{padding:0 11px 0 14px;height: 63px; line-height: 63px;border-bottom:1px solid #e0e0e0;display: block;}
.fl_nr li span a{font-size:18px; color: #313638;text-decoration: none;font-weight: bold}
.fl_nr li em a {float:right;font:12px "Verdana",arial; color: #c2cacd; line-height: 61px;text-transform: uppercase;font-weight: bold;}
.fl_nr p {padding:19px 24px;background: #fff;display:none;}
.fl_nr p i a {display: block;background: url(../images/fl_ico1.jpg) no-repeat left center;font-size:14px; color: #313638;height:34px; line-height:34px;text-decoration: none;padding-left:11px;font-style: normal;}
.fl_nr p i a:hover{background: url(../images/fl_ico1_hv.jpg) no-repeat left center; }
.fl_nr p i:hover{background: url(../images/fl_ico2.jpg) no-repeat right center;display: block;}
.fl_nr li.sidenavcur span {background: #ffffff}
.fl_nr li.sidenavcur span a{color: #1d63b9}
.fl_nr li.sidenavcur span em a{color: #1d63b9}
.fl_nr li.sidenavcur p{display:block;}

.dianh{background:#3b3d2f;height: 65px;padding:10px 0 0 50px;font-size:16px;color: #FFF; letter-spacing: 10px}
.dianh span {display: block;font:20px "Tahoma"; color: #FFF; letter-spacing:0px}
.fr {float: right;}
.pro{float:right;width:73%;}
.pro_qh{height: 59px;line-height: 59px;}
.pro_qh ul{ margin:0; padding:0;}
.pro_qh li{float:left;width:163px;background:#f6f6f6;font-size:18px;color:#2f383d;text-align:center;margin-right:1px;}
.pro_qh li.on{color: #fff;font-weight: bold;background: #1d63b9}
.n_span a{font-size:18px;color: #313638;font-weight: bold;font-style: normal;}
.pro_nr dl{height:410px;background:#e0e0e0; padding:20px 50px;}
.pro_nr dt {float:left;font-size:0;line-height: 0;padding-top:7px;}
.pro_nr dt img {width:472px;height: 354px;}
.pro_nr dd {float:left;width:380px;height: 369px;background: #fff;padding:40px 28px 0 48px;box-sizing: border-box;}
.pro_nr dd h4 a {display: block;height: 47px;line-height: 47px;font-size: 24px;color: #1d63b9;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_nr dd p{font-size:14px;color: #333333;line-height: 20px;padding-top:22px;}
.pro_nr dd span{margin-top:60px;display:inline-block;}
.pro_nr dd span a{width:130px;height:35px;line-height:35px;background:#1d63b9;display:inline-block;margin-right:10px;font-size:14px;color:#fff;text-align:center;}
.pro_nr dd span a:last-child{background:#dd1b16;}
.pro_nr dd em a {display: block;background: #1d63b9 url(../images/ico1.png) no-repeat center;width:160px;height: 28px;margin-top:60px;}
.pro_nr dd em a:hover {background: #dd1b16 url(../images/ico1.png) no-repeat center}
.pro_nr li {float:left;width:32%;margin-right:1%;position: relative;}
.pro_nr li i {width:100%;font-size:0;line-height: 0;overflow: hidden;display: block;}
.pro_nr li img {width:100%;height: 219px;transition: 1s all}
.pro_nr li span a {display: block;height:33px;line-height: 33px;text-align: center;font-size:16px;color: #676b6c;background: #f6f6f6}
.pro_nr li:last-child{margin:0;}
.pro_nr li p {position: absolute;width:100%;height: 219px;left:0;top:0;background: rgba(0,0,0,0.8);display: none}
.pro_nr li p a {display: block;text-align: center;margin-top:50px;font-size:16px;color: #fff;font-weight: bold;height: 38px;line-height: 38px;}
.pro_nr li p em {padding:16px 24px 0 28px;font-size:14px;color: #fff;line-height: 20px;display: block;}
.pro_nr li:hover i img{transform: scale(1.1);}
.pro_nr li:hover p{display:block;}
.pro_nr li:hover span a{font-size:0;background: #1d63b9 url(../images/ico1.png) no-repeat center}


	/* ---- about ---- */
	.about {padding: 55px 0; }
	.about-body {padding: 0; background:#eff5fb}
	.about-left {padding: 0px;  float:left;}
	.about-left .img-box {width: 100%;height: 415px;overflow: hidden;}
	.about-left .img-box img {display: block;margin: 0 auto;}
	.about-right {padding: 20px 30px; }
	.about-right .title-box {height: 65px; line-height:65px; font-size:28px;  color:#0056b5;}
	.about-right .line{ width:30px; height:2px; clear:both;}
	.about-right .text-box {margin: 15px 0;text-indent: 2em;line-height: 30px;height: auto;}
	.about-right .button-box {margin: 10px 0 0;}
	.about-right .button-box .comment {padding: 0 0 0 0;}
	.about-right .button-box .comment li{ width:175px; height:45px; line-height:45px; float:left; text-align:center; background:#0056b5; margin:0 25px 0 0; }
	.about-right .button-box .comment li a{ display:block;width:175px; height:45px; color:#FFF; font-size:16px;}
	.about-right .button-box .comment li a:hover{ background:#1d56a6; color:#FFF;}
	
	
.aboutm ul {
  margin-top: 44px;
}
.aboutm ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutm ul li {
  width: 23%;
  float: left;
  text-align: center; border:1px solid #ccc; margin:0 1%; padding:3%;
  
}
.aboutm ul li:first-child {
  background: none;
}
.aboutm ul li a:hover .txt2 {
  color: #F00;
}
.aboutm ul li .icon {
  height: 70px;
}
.aboutm ul li .icon img {
  max-height: 100%;
}
.aboutm ul li .txt2 {
  line-height: 40px;
  font-size: 18px;
  color: #0056b5;
  margin-top: 10px;
}
.aboutm ul li .txt3 {
  line-height: 30px;
  
}
	
	.ads{ width:100%; padding:0; margin:0;}
	.ads img{ max-width:100%; height:auto; }
	
	
	
		/* ---- about ---- */
	.cases {padding: 20px 0; background:url("../images/zy_20.jpg") no-repeat;}
	.cases .img-box {height: 40px;overflow: hidden; background:#1d56a6;text-align:center; }
	.cases .img-box img {display: block;margin: 0 auto;}
    .casebodys{ height:240px;  position:relative; z-index:99; padding-top:30px; margin-bottom:60px; }
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:52px; height:52px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-52px; top:75px;}
    .case-lefts .next{ display:block;  width:52px; height:52px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-52px; top:75px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 5px; float:left; width:24%; height:230px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:100%; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:40px; width:100%; margin:0 auto;  color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:40px; height:40px; margin:0 auto; text-align:center; font-size:14px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }
	

	
.fl {
  float: left;
}

.fr {
  float: right;
}
	/*新闻动态*/
.news{padding: 30px 0 0 0;}
.news_t{font-size: 32px;color: #000;font-weight:bold; line-height: 25px;}
.tabBox{ display:none;}
.newstop{border-bottom: 1px solid #e9e9e9;}
.news_t em{font-size: 28px; font-weight:bold;}
.newtab a{padding-bottom: 20px; display: inline-block;font-size: 22px;color: #484848;font-weight: lighter; position: relative;}
.newtab a+a{margin-left: 55px;}
.newtab a:after{content: '';display: block;width: 0;height: 2px;background: #162e83;transition: all .3s ease; position: absolute; bottom: 0; left: 0;}
.newtab a.on:after{width: 100%;}
.newscon{padding: 50px 0 20px 0;position: relative;}
.newscon:after{content: '';display: block;position: absolute;height: 100%;width: 1px;background: #ededed;z-index: 3;left: 60%;top: 0;}
.newsleft{width: 60%;}
.newsleft .news_div_item_pic{position: absolute;left: 0;top: 0;width: 240px;height: 160px; overflow: hidden;}
.newsleft .news_div_item:nth-child(2){padding: 20px 0 20px 0; margin: 20px 0 20px 0;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.news .news_div_item_pic{overflow: hidden;    border: 0px solid #ededed;}
.news .news_div_item_pic img{width: 100%;height: 100%;transition: all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{transform: scale(1.1);}
.news .news_div_item:hover .news_div_item_a{color:#162e83;}
.newsleft .news_div_item{height: 160px; position: relative;padding-left: 260px;padding-right: 60px;}
.newsleft .news_div_item:nth-child(2){padding-left: 260px;padding-right: 60px; height:200px;}
.newsleft .news_div_item_date{position: absolute;top: 30px;right:30px;padding-top: 20px;text-align: center;}
.newsleft .news_div_item_date>div{display: inline-block;font-size: 18px;color: #aaaaaa;font-weight: lighter; margin-top: 20px; }
.newsleft .news_div_item_date .news_div_item_day{position:absolute;top: 0;left: 0;right: 0;margin: 0 auto;font-size: 28px;font-weight: normal;}
.newsleft .news_div_item:nth-child(2)>.news_div_item_date{top: 60px;}
.newsleft .news_div_item_content{width: 420px;padding-top: 10px;}
.newsleft .news_div_item_a{display: block;font-size:20px;color: #004e8e;font-weight:bold;  white-space: nowrap;text-overflow: ellipsis;position: relative;}
.newsleft .news_div_item:nth-child(2) .news_div_item_pic{top: 20px;}
.newsleft .news_div_item_a:after{content: '';display: block;position: absolute;width: 34px;height: 34px; left: 0; top: 100px;background: url(../images/20201019144752_1333598774.png) no-repeat center;}

.newsright{width: 36%;}
.newsright .ns_t em{display: block;font-size: 14px;color: #aaaaaa;text-transform: uppercase;margin-top: 30px;}
.newsright .news_div_item{padding-top: 25px;}
.newsright .news_div_item_date{padding-top: 3px;text-align: center;float:right;}
.newsright .news_div_item_date>div{display: inline-block;font-size: 18px;color: #aaaaaa;font-weight: lighter; margin-top: 0px; }
.newsright .news_div_item_date .news_div_item_day{margin: 0 auto;font-size: 28px;font-weight: normal; width:100%;margin-top: 10px;}
.newsright .news_div_item_content{width: 75%; float:left;}
.newsright .news_div_item_a{display: block;font-size:20px; line-height:50px;color: #004e8e;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;}
.newsright .news_div_item_pic{width: 100%;height: 340px; overflow: hidden;}
.news .news_div_item_body{font-size: 14px;color: #333;margin-top: 10px;line-height: 30px; font-weight: lighter;}
.newsright .news_div_item_a:after{content: '';display: block;width: auto;height: auto; }

}
/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	.fl {
  float: left;
}

.fr {
  float: right;
}
	 .index-text { width:100%;text-align: center;}
 .index-text .font30 {font-size: 24px;line-height: 22px; font-weight:bold;}
 .index-text .font24 {font-size: 14px;}
 .index-text .en { padding: 0 0 0 0;
  font-family: 'raleway';
  text-transform: uppercase;
  color: #8f8f8f;
}

	.product{padding: 25px 0; }
	.product-body {padding: 0;}
	
.proContainer{ display:none;}
/*新产品*/
.titis h4 {text-align: center;height: 54px;line-height: 54px;font-size:24px;color: #333333;font-weight: bold;}
.titis h4 a {color: #1d63b9;}
.titis p {font-size:14px;color: #333333;height: 25px;line-height: 25px;}
.fenl{float:left;width:25%;}
.fenl .tit{height: 59px;line-height: 59px;text-align: center;background: #1d63b9;font-size:24px;color: #fff;font-weight: bold;border-radius: 7px 7px 0 0;}
.fl_nr {padding:16px 10px 0;height: 611px;background: #f6f6f6;border:1px solid #cbd2d4;border-width: 0 1px}
.fl_nr li span{padding:0 11px 0 14px;height: 63px; line-height: 63px;border-bottom:1px solid #e0e0e0;display: block;}
.fl_nr li span a{font-size:18px; color: #313638;text-decoration: none;font-weight: bold}
.fl_nr li em a {float:right;font:12px "Verdana",arial; color: #c2cacd; line-height: 61px;text-transform: uppercase;font-weight: bold;}
.fl_nr p {padding:19px 24px;background: #fff;display:none;}
.fl_nr p i a {display: block;background: url(../images/fl_ico1.jpg) no-repeat left center;font-size:14px; color: #313638;height:34px; line-height:34px;text-decoration: none;padding-left:11px;font-style: normal;}
.fl_nr p i a:hover{background: url(../images/fl_ico1_hv.jpg) no-repeat left center; }
.fl_nr p i:hover{background: url(../images/fl_ico2.jpg) no-repeat right center;display: block;}
.fl_nr li.sidenavcur span {background: #ffffff}
.fl_nr li.sidenavcur span a{color: #1d63b9}
.fl_nr li.sidenavcur span em a{color: #1d63b9}
.fl_nr li.sidenavcur p{display:block;}

.dianh{background:#3b3d2f;height: 65px;padding:10px 0 0 50px;font-size:16px;color: #FFF; letter-spacing: 10px}
.dianh span {display: block;font:20px "Tahoma"; color: #FFF; letter-spacing:0px}
.fr {float: right;}
.pro{float:right;width:73%;}
.pro_qh{height: 59px;line-height: 59px;}
.pro_qh ul{ margin:0; padding:0;}
.pro_qh li{float:left;width:163px;background:#f6f6f6;font-size:18px;color:#2f383d;text-align:center;margin-right:1px;}
.pro_qh li.on{color: #fff;font-weight: bold;background: #1d63b9}
.n_span a{font-size:18px;color: #313638;font-weight: bold;font-style: normal;}
.pro_nr dl{height:410px;background:#e0e0e0; padding:20px 50px;}
.pro_nr dt {float:left;font-size:0;line-height: 0;padding-top:7px;}
.pro_nr dt img {width:472px;height: 354px;}
.pro_nr dd {float:left;width:380px;height: 369px;background: #fff;padding:40px 28px 0 48px;box-sizing: border-box;}
.pro_nr dd h4 a {display: block;height: 47px;line-height: 47px;font-size: 24px;color: #1d63b9;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_nr dd p{font-size:14px;color: #333333;line-height: 20px;padding-top:22px;}
.pro_nr dd span{margin-top:60px;display:inline-block;}
.pro_nr dd span a{width:130px;height:35px;line-height:35px;background:#1d63b9;display:inline-block;margin-right:10px;font-size:14px;color:#fff;text-align:center;}
.pro_nr dd span a:last-child{background:#dd1b16;}
.pro_nr dd em a {display: block;background: #1d63b9 url(../images/ico1.png) no-repeat center;width:160px;height: 28px;margin-top:60px;}
.pro_nr dd em a:hover {background: #dd1b16 url(../images/ico1.png) no-repeat center}
.pro_nr li {float:left;width:32%;margin-right:1%;position: relative;}
.pro_nr li i {width:100%;font-size:0;line-height: 0;overflow: hidden;display: block;}
.pro_nr li img {width:100%;height: 219px;transition: 1s all}
.pro_nr li span a {display: block;height:33px;line-height: 33px;text-align: center;font-size:16px;color: #676b6c;background: #f6f6f6}
.pro_nr li:last-child{margin:0;}
.pro_nr li p {position: absolute;width:100%;height: 219px;left:0;top:0;background: rgba(0,0,0,0.8);display: none}
.pro_nr li p a {display: block;text-align: center;margin-top:50px;font-size:16px;color: #fff;font-weight: bold;height: 38px;line-height: 38px;}
.pro_nr li p em {padding:16px 24px 0 28px;font-size:14px;color: #fff;line-height: 20px;display: block;}
.pro_nr li:hover i img{transform: scale(1.1);}
.pro_nr li:hover p{display:block;}
.pro_nr li:hover span a{font-size:0;background: #1d63b9 url(../images/ico1.png) no-repeat center}


	/* ---- about ---- */
	.about {padding: 25px 0; }
	.about-body {padding: 0; background:#eff5fb}
	.about-left {padding: 0px;  float:left;}
	.about-left .img-box {width: 100%;height: auto;overflow: hidden;}
	.about-left .img-box img {display: block;margin: 0 auto;}
	.about-right {padding: 10px 15px; }
	.about-right .title-box {height: 35px; line-height:35px; font-size:18px;  color:#0056b5;}
	.about-right .line{ width:30px; height:2px; clear:both;}
	.about-right .text-box {margin: 15px 0;text-indent: 2em;line-height: 30px;height: auto;}
	.about-right .button-box {margin: 10px 0 0;}
	.about-right .button-box .comment {padding: 0 0 0 0;}
	.about-right .button-box .comment li{ width:30%; height:25px; line-height:25px; float:left; text-align:center; background:#0056b5; margin:0 1%; }
	.about-right .button-box .comment li a{ display:block;width:100%; height:25px; color:#FFF; font-size:12px;}
	.about-right .button-box .comment li a:hover{ background:#1d56a6; color:#FFF;}
	
	
.aboutm ul {
  margin-top: 44px;
}
.aboutm ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutm ul li {
  width: 48%;
  float: left;
  text-align: center; border:1px solid #ccc; margin:5px 1%; padding:3%;
  
}
.aboutm ul li:first-child {
  background: none;
}
.aboutm ul li a:hover .txt2 {
  color: #F00;
}
.aboutm ul li .icon {
  height: 30px;
}
.aboutm ul li .icon img {
  max-height: 100%;
}
.aboutm ul li .txt2 {
  line-height: 40px;
  font-size: 18px;
  color: #0056b5;
  margin-top: 10px;
}
.aboutm ul li .txt3 {
  line-height: 30px;
  
}
	

	
	

		.ads{ width:100%; padding:0; margin:0;}
	.ads img{ max-width:100%; height:auto; }

	
		/* ---- about ---- */
		.cases {padding: 0px 0;background:url("../images/zy_20.jpg") no-repeat }
	.cases .img-box {height: 40px;overflow: hidden; background:#1d56a6;text-align:center; }
	.cases .img-box img {display: block;margin: 0 auto;}
    .casebodys{ height:240px;  position:relative; z-index:99; padding-top:30px; margin-bottom:60px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:45px; height:45px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:0px; top:35px;}
    .case-lefts .next{ display:block;  width:45px; height:45px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:0px; top:35px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 5px; float:left; width:24%; height:240px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:175px; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:40px; width:100%; margin:0 auto; color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:40px; height:40px; margin:0 auto; text-align:center; font-size:16px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }
	

	


.tabBox{ display:none;}
		/*新闻动态*/
.news{padding: 30px 0 0 0;}
.news_t{font-size: 22px;color: #000;font-weight:bold; line-height: 25px;}
.newstop{border-bottom: 1px solid #e9e9e9;}
.news_t em{font-size: 18px; font-weight:bold;}
.newtab a{padding-bottom: 20px; display: inline-block;font-size: 16px;color: #484848;font-weight: lighter; position: relative;}
.newtab a+a{margin-left: 55px;}
.newtab a:after{content: '';display: block;width: 0;height: 2px;background: #162e83;transition: all .3s ease; position: absolute; bottom: 0; left: 0;}
.newtab a.on:after{width: 100%;}
.newscon{padding: 50px 0 20px 0;position: relative;}
.newscon:after{content: '';display: block;position: absolute;height: 100%;width: 1px;background: #ededed;z-index: 3;left: 60%;top: 0;}
.newsleft{width: 60%;}
.newsleft .news_div_item_pic{position: absolute;left: 0;top: 0;width: 240px;height: 160px; overflow: hidden;}
.newsleft .news_div_item:nth-child(2){padding: 20px 0 20px 0; margin: 20px 0 20px 0;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.news .news_div_item_pic{overflow: hidden;    border: 0px solid #ededed;}
.news .news_div_item_pic img{width: 100%;height: 100%;transition: all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{transform: scale(1.1);}
.news .news_div_item:hover .news_div_item_a{color:#162e83;}
.newsleft .news_div_item{height: 160px; position: relative;padding-left: 260px;padding-right: 60px;}
.newsleft .news_div_item:nth-child(2){padding-left: 260px;padding-right: 60px; height:200px;}
.newsleft .news_div_item_date{position: absolute;top: 30px;right:30px;padding-top: 20px;text-align: center;}
.newsleft .news_div_item_date>div{display: inline-block;font-size: 18px;color: #aaaaaa;font-weight: lighter; margin-top: 20px; }
.newsleft .news_div_item_date .news_div_item_day{position:absolute;top: 0;left: 0;right: 0;margin: 0 auto;font-size: 28px;font-weight: normal;}
.newsleft .news_div_item:nth-child(2)>.news_div_item_date{top: 60px;}
.newsleft .news_div_item_content{width: 420px;padding-top: 10px;}
.newsleft .news_div_item_a{display: block;font-size:20px;color: #004e8e;font-weight:bold;  white-space: nowrap;text-overflow: ellipsis;position: relative;}
.newsleft .news_div_item:nth-child(2) .news_div_item_pic{top: 20px;}
.newsleft .news_div_item_a:after{content: '';display: block;position: absolute;width: 34px;height: 34px; left: 0; top: 100px;background: url(../images/20201019144752_1333598774.png) no-repeat center;}

.newsright{width: 36%;}
.newsright .ns_t em{display: block;font-size: 14px;color: #aaaaaa;text-transform: uppercase;margin-top: 30px;}
.newsright .news_div_item{padding-top: 25px;}
.newsright .news_div_item_date{padding-top: 3px;text-align: center;float:right;}
.newsright .news_div_item_date>div{display: inline-block;font-size: 18px;color: #aaaaaa;font-weight: lighter; margin-top: 0px; }
.newsright .news_div_item_date .news_div_item_day{margin: 0 auto;font-size: 28px;font-weight: normal; width:100%;margin-top: 10px;}
.newsright .news_div_item_content{width: 75%; float:left;}
.newsright .news_div_item_a{display: block;font-size:20px; line-height:50px;color: #004e8e;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;}
.newsright .news_div_item_pic{width: 100%;height: 340px; overflow: hidden;}
.news .news_div_item_body{font-size: 14px;color: #333;margin-top: 10px;line-height: 30px; font-weight: lighter;}
.newsright .news_div_item_a:after{content: '';display: block;width: auto;height: auto; }
.tabBox ul {
	width: 100%;
	max-width: 700px;
	float: none;
	margin: 14px auto 0 auto;
}
.tabBox ul li {
	width: 48%;
	margin: 0 0 10px 0;
	padding: 0 5px;
	box-sizing: border-box; border-bottom:1px solid #ccc;
}
.tabBox ul li a {
	  display: block;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.tabBox ul li a:hover {
	box-shadow: none;
}
.tabBox ul li .tit {
	font-size: 16px;color:  #004e8e;
}
.tabBox ul li a:hover .tit {
	color:  #004e8e;
}
.tabBox ul li .txt {
	height: 60px;
	line-height: 20px;
	font-size: 14px;
	margin: 12px 0;
}
.tabBox ul li .date {
	height: 20px;
	font-size: 16px;
	color: #999999;
	font-family: "Arial";
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
}





/* 平板 小于等于 768px iPad */
@media (max-width: 768px){
	.newscon:after{content: '';display: block;position: absolute;height: 100%;width: 1px;background: #ededed;z-index: 3;left: 60%;top: 0; display:none;}
	.tabBox ul li {
  width: 100%;
}
	.newscon{ padding: 10px 0 10px 0;}
	.tabBox{ display:block;}
	.newscen{display:none;}
	.newsright{width: 36%;display:none;}
.fenl{float:left;width:25%; display:none;}
.pro{float:none;width:73%;display:none;}
.proContainer{ display:block;}
.product-body .p_products {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  white-space: normal;
}
	
.product-body .p_Product {
 width:calc((100% - 0px)/4);
}
.product-body .p_CommonSummaryBoxA {
 text-align:center;
}
.product-body .p_MatteIcon .iconfont:before {
 content:'\e602';
}
.product-body >div {
 animation-fill-mode:both;
}
.product-body .proBox {
 padding:50px 0;
}
.product-body .container {
 padding:0 20px;
}
.product-body .proContainer {
 width:100%;
 margin:0px;
 overflow:hidden;
}
.product-body .proImgBox {
 width:100%;
 height:0px;
 padding-bottom:75%;
 position:relative;
 overflow:hidden;
}
.product-body .proLi {
  padding: 3px !important;
  width: 50% !important;
  float: left !important;
}
.product-body .box {
 box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
}
.product-body .proImg {
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 transform:translate(-50%,-50%) scale(1.0);
 transition:all .5s ease;
}
.product-body .txtBox {background:#FFF;
 padding:5px;
 transition:all .5s ease;
}
.product-body .proTitle {
 position:relative;
 overflow:hidden;
 width:100%;
 padding-right:30px;
 font-size:14px;
 padding-bottom:15px; 
}
.product-body .proLink {
 display:block;
 width:100%;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 transition:all .5s ease;
}
.product-body .eye {
 position:absolute;
 right:0px;
 top:0px;
 display:block;
 width:30px;
 height:30px;
 overflow:hidden;
 background:url(../images/eye.png);
 background-position:right center;
}
.product-body .line {
 position:relative;
 margin-top:10px;
 width:100%;
 height:2px;
}
.product-body .line::before {
 content:'';
 position:absolute;
 right:0px;
 display:block;
 width:30px;
 height:1px;
 background:#999;
 transition:all .5s ease;
}
.product-body .box:hover .line::before {
 width:100%;
 background:#fff;
}
.product-body .box:hover .txtBox {
 background:#2862b5;
}
.product-body .box:hover .proLink {
 color:#fff;
}
.product-body .box:hover .eye {
 background-position:left center;
}
.product-body .box:hover .proImg {
 transform:translate(-50%,-50%) scale(1.1);
}
.product-body .p_page .pre .iconfont:before {
 shadow-angle:0px;
 shadow-distance:0px;
 shadow-angle-ofInset:0px;
 shadow-distance-ofInset:0px;
}
.product-body .p_page .next .iconfont:before {
 shadow-angle:0px;
 shadow-distance:0px;
 shadow-angle-ofInset:0px;
 shadow-distance-ofInset:0px;
}
.product-body .p_more .iconfont:before {
 shadow-angle:0px;
 shadow-distance:0px;
 shadow-angle-ofInset:0px;
 shadow-distance-ofInset:0px;
}
.product-body .p_loading .iconfont:before {
 shadow-angle:0px;
 shadow-distance:0px;
 shadow-angle-ofInset:0px;
 shadow-distance-ofInset:0px;
}

	.cases {padding: 0px 0;  overflow:hidden;}
	.cases .img-box {height: 30px;overflow: hidden; background:#1d56a6;text-align:center; }
	.cases .img-box img {display: block;margin: 0 auto; width:100%;}
    .casebodys{ height:180px;  position:relative; z-index:99; padding:0px 10px; margin-bottom:30px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:52px; height:52px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-10px; top:55px;}
    .case-lefts .next{ display:block;  width:52px; height:52px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-10px; top:55px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 15px 0 0; float:left; width:49%; height:180px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:150px; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:30px; width:100%; margin:0 auto; background:#e9f3fc; color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:30px; height:30px; margin:0 auto; text-align:center; font-size:14px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }

	.news-body .tabBox ul li {
  width: 100%;
}
}
/* 手机 小于等于 640px */
@media (max-width: 640px) {




	/* ---- about ---- */
	.about {padding: 10px 0;}
	.about-left .img-box img {width: 100%;}
	.about-right .title-box {height: 35px; line-height:35px; font-size:24px; font-weight:bold; }
	.about-right .text-box {margin: 10px 0;}
	.about-bottom li {margin: 10px 0;}
	/* ---- .product ---- */
	.product {padding: 15px 0;}
	.product-right-img{ display:none;}
	.product-title {width: 100%;height: 54px;overflow: hidden; text-align:center; padding-top:0px; margin-bottom:10px;}
	.product-title img {display: block;margin: 0 auto; max-width:100%; max-height:100%;}
	.product-left {padding: 0 10px; width:100%;}
	.product-left .left-body {border:2px solid #499900; }
	.product-left .left-body ol {padding: 10px 5px;}
	.product-left .left-body li a {font-size: 14px;}
	.product-right {padding: 0 10px; width:100%;}
	.product-right li .text-box {height: 25px;line-height: 25px;margin: 0px 0px 0;}
	.product-right li .text-box p {font-size: 14px;height: 25px;line-height: 25px;top: calc(50% - 15px);}


	
	/* ---- news ---- */
	.news {padding: 20px 0;}
	
}
/* 手机 小于等于 414px iPhone6/7/8Plus */